<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
  class={className}
  aria-label="Bookmark outline icon"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M4.59998 4C4.59998 3.44772 5.04769 3 5.59998 3H18.4C18.9523 3 19.4 3.44772 19.4 4V21.6C19.4 21.9635 19.2027 22.2984 18.8847 22.4746C18.5668 22.6509 18.1782 22.6407 17.87 22.448L12 18.7792L6.12997 22.448C5.82171 22.6407 5.43316 22.6509 5.11521 22.4746C4.79725 22.2984 4.59998 21.9635 4.59998 21.6V4ZM6.59998 5V19.7958L11.205 16.9176C11.6914 16.6136 12.3086 16.6136 12.795 16.9176L17.4 19.7958V5H6.59998Z"
    fill={color}
  />
</svg>
